<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<p:dialog id="popUpNuevaCuentaCliente"
		header="#{i18n['mpo.cuenta.registrar']}"
		widgetVar="dlgNuevaCuentaCliente" modal="true" minWidth="450"
		appendTo="@(body)">
		<h:form id="formNuevaCuentaCliente">
			<p:panel id="pnlNuevaCuentaCliente" styleClass="formulario">
				<table>
					<tr>
						<td><h:outputLabel for="selectCliente"
								value="#{i18n['label.cliente']}" />
								 <h:outputLabel
								value="#{i18n['label.signo.requerido']}"
								styleClass="item-required" /></td>
						<td><p:selectOneMenu id="selectCliente" required="true"
								style="width: 70%"
								value="#{usuarioController.idPerfilSeleccionado}"
								label="#{i18n['label.cliente']}">
								<f:selectItem itemLabel="Select One" itemValue="" />
								<f:selectItem itemLabel="Juan Perez" itemValue="Xbox One" />
							</p:selectOneMenu></td>
					</tr>
					<tr>
						<td width="30%"><h:outputLabel for="txtNombre"
								value="#{i18n['mpo.cuenta.nombre']}" /> <h:outputLabel
								value="#{i18n['label.signo.requerido']}"
								styleClass="item-required" /></td>
						<td width="70%"><p:inputText id="txtNombre"
								style="width: 70%" required="true"
								value="#{usuarioDataManager.usuarioInstancia.nombres}"
								label="#{i18n['mpo.cuenta.nombre']}" /></td>
					</tr>
					<tr>
						<td width="30%"><h:outputLabel for="txtDescripcion"
								value="#{i18n['mpo.cuenta.descripcion']}" /></td>
						<td width="70%"><p:inputText id="txtDescripcion"
								style="width: 70%" required="true"
								value="#{usuarioDataManager.usuarioInstancia.nombres}"
								label="#{i18n['mpo.cuenta.descripcion']}" /></td>
					</tr>
				</table>
			</p:panel>
			<p:panel id="pnlBotones">
				<p:commandButton id="btnGuardar" value="#{i18n['label.guardar']}"
					actionListener="#{usuarioController.registrarUsuario}"
					process="@this,pnlNuevaCuentaCliente"
					update="pnlNuevaCuentaCliente,:formCuenta:tablaUsuarios,:formCuenta:pnlMessages"
					oncomplete="dlgNuevaCuentaCliente.hide();" />
				<p:commandButton value="#{i18n['label.cancelar']}"
					onclick="dlgNuevaCuentaCliente.hide();" type="button" />
			</p:panel>
		</h:form>
	</p:dialog>

</ui:composition>